import Vue from 'vue'
import App from './App.vue'
import router from './router'
// 代码高亮引入
import hljs from 'highlight.js';
import 'highlight.js/styles/atom-one-dark.css'
// 通用样式包括主题
import '../public/css/main.scss';
// 公共方法
import '../public/js/base'

// elementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

// 注册代码高亮指令
Vue.directive('highlightjs',function (el) {
  let blocks = el.querySelectorAll('pre code');
  blocks.forEach((block)=>{
    hljs.highlightBlock(block)    
  })
})
// 忽略日志
hljs.configure({
  ignoreUnescapedHTML: true
})

// 内部demo组件
import InnerUI from './common/index'
Vue.use(InnerUI)

// 导入组件库
import glViewUI, { util } from './../packages/index'
// 设置主题
util.setTheme('--color-primary','#2074FC')

// 注册组件库
Vue.use(glViewUI)
Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
